<!DOCTYPE html>
<html lang="en">

<head>
   <meta charset="UTF-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Document</title>
   <link rel="stylesheet" href="./css/reset.css">
   <link rel="stylesheet" href="./css/details.css">
   <script src="./js/jquery.js"></script>
   <script src="./js/details.js"></script>
   <!-- 去头部 -->
   <script src="./js/gotop.js"></script>
   <script src="./js/top.js"></script>
   <!-- cookie -->
   <script src="./js/js.cookie.js"></script>
   <!-- 懒加载 -->
   <script src="./js/jquery.lazyload.js"></script>
      <!-- 导航踏步栏 -->
   <script src="./js/switch.js"></script>
   <script src="./js/click.js"></script>
</head>

<body>
   <!-- // 头部导航 -->
   <header>
      <div class="header1">
         <div class="headerbx">
            <div class="logo"><img src="images/index/logo.svg" alt=""></div>
            <!-- 导航栏标题 -->
            <div class="header-con">
               <div class="he-con1 ">所有商品
                  <div class="nav">
                     <ul>
                        <h2>男鞋</h2>
                        <li>篮球鞋</li>
                        <li>跑步鞋</li>
                        <li>板鞋</li>
                        <li>休闲鞋</li>
                        <li>网球鞋 </li>
                        <li>户外鞋棉</li>
                     </ul>
                     <ul>
                        <h2>男鞋</h2>
                        <li>篮球鞋</li>
                        <li>跑步鞋</li>
                        <li>板鞋</li>
                        <li>休闲鞋</li>
                        <li>网球鞋 </li>
                        <li>户外鞋棉</li>
                     </ul>
                     <ul>
                        <h2>男鞋</h2>
                        <li>篮球鞋</li>
                        <li>跑步鞋</li>
                        <li>板鞋</li>
                        <li>休闲鞋</li>
                        <li>网球鞋 </li>
                        <li>户外鞋棉</li>
                     </ul>
                     <ul>
                        <h2>男鞋</h2>
                        <li>篮球鞋</li>
                        <li>跑步鞋</li>
                        <li>板鞋</li>
                        <li>休闲鞋</li>
                        <li>网球鞋 </li>
                        <li>户外鞋棉</li>
                     </ul>
                     <ul>
                        <h2>男鞋</h2>
                        <li>篮球鞋</li>
                        <li>跑步鞋</li>
                        <li>板鞋</li>
                        <li>休闲鞋</li>
                        <li>网球鞋 </li>
                        <li>户外鞋棉</li>
                     </ul>
                  </div>
               </div>
               <div class="he-con2">篮球
                  <div class="nav1">
                     <ul>
                        <h2>鞋类</h2>
                        <li>专业篮球鞋 </li>
                        <li>明星篮球鞋</li>
                        <li> 外场篮球鞋 </li>
                     </ul>
                     <ul>
                        <h2>服装 </h2>
                        <li>篮球套服</li>
                        <li>跑步鞋</li>
                        <li>上衣 </li>
                     </ul>
                     <ul>
                        <h2>科技</h2>
                        <li> 三级缓震 </li>
                        <li> 梯度双能 </li>
                        <li> 足弓TPU</li>
                        <li> 易弯折系统</li>
                        <li>轻质橡胶</li>
                     </ul>
                  </div>
               </div>
               <div class="he-con3">跑步
                  <div class="nav2">
                     <ul>
                        <h2>男鞋</h2>
                        <li>篮球鞋</li>
                        <li>跑步鞋</li>
                        <li>板鞋</li>
                        <li>休闲鞋</li>
                        <li>网球鞋 </li>
                        <li>户外鞋棉</li>
                     </ul>
                     <ul>
                        <h2>男鞋</h2>
                        <li>篮球鞋</li>
                        <li>跑步鞋</li>
                        <li>板鞋</li>
                        <li>休闲鞋</li>
                        <li>网球鞋 </li>
                        <li>户外鞋棉</li>
                     </ul>
                     <ul>
                        <h2>男鞋</h2>
                        <li>篮球鞋</li>
                        <li>跑步鞋</li>
                        <li>板鞋</li>
                        <li>休闲鞋</li>
                        <li>网球鞋 </li>
                        <li>户外鞋棉</li>
                     </ul>
                     <ul>
                        <h2>男鞋</h2>
                        <li>篮球鞋</li>
                        <li>跑步鞋</li>
                        <li>板鞋</li>
                        <li>休闲鞋</li>
                        <li>网球鞋 </li>
                        <li>户外鞋棉</li>
                     </ul>
                     <ul>
                        <h2>男鞋</h2>
                        <li>篮球鞋</li>
                        <li>跑步鞋</li>
                        <li>板鞋</li>
                        <li>休闲鞋</li>
                        <li>网球鞋 </li>
                        <li>户外鞋棉</li>
                     </ul>
                  </div>
               </div>
               <div class="he-con4">新品
                  <div class="nav3"></div>
               </div>
               <div class="he-con5">企业团购
                  <div class="nav4"></div>
               </div>
               <div class="he-con6">大码鞋
                  <div class="nav5"></div>
               </div>
               <div class="he-con7">态极
                  <div class="nav6"></div>
               </div>
               <div class="he-con7">秒杀
                  <div class="nav7"></div>
               </div>
            </div>
            <div class="header-ri">
               <div class="header-ri-top">
                  <ul>
                     <li><a href="" class="user-btn1">请登入</a>|</li>
                     <li><a href="" class="user-btn2">购物车(<span>0</span> )</a>|</li>
                     <li><a href="">我的订单</a>|</li>
                     <li><a href="">网站导航</a>|</li>
                     <li><a href="">联系客服</a>|</li>
                     <li><a href=""><img src="images/index/icon_phone.png" alt="">手机版</a></li>
                  </ul>
               </div>
               <div class="header-ri-bott">
                  <input type="text" placeholder="">
                  <p href=""><img src="images/index/icon-seach.png" alt=""></p>
               </div>
            </div>
         </div>
      </div>


   </header>

   <!-- main start -->
   <main>
      <div class="banner">
         <div class="bannerbx">
            <div class="content clearFixed ">
               <div class="c-top">
                  <p>您当前所在的位置： 首页 > > > DF612622</p>
               </div>
               <div class="c-lift">
                  <div class="box">
                     <div class="middleImg">
                        <img src="images/dita/img1111/1.jpg" />
                        <div class="middleArea"></div>
                     </div>
                     <div class="small">
                        <ul>
                           <li class="conten"><img src="images/dita/img1111/1.jpg" /></li>
                           <li><img src="images/dita/img1111/2.jpg" /></li>
                           <li><img src="images/dita/img1111/3.jpg" /></li>
                           <li><img src="images/dita/img1111/4.jpg" /></li>
                           <li><img src="images/dita/img1111/5.jpg" /></li>
                           <li><img src="images/dita/img1111/6.jpg" /></li>
                        </ul>
                     </div>
                     <div class="bigArea">
                        <img class="bigImg" src="images/dita/img1111/1.jpg" />
                     </div>
                  </div>
               </div>
               <div class="c-right">
                  <h4>女子圆领短T恤 DF612622</h4>
                  <div class="list11">
                     <p>价&nbsp &nbsp &nbsp格<span>¥109.00</span><span><del>¥159.00</del></span></p>
                     <p class="fs12">领&nbsp &nbsp &nbsp券</p>
                     <p>活&nbsp &nbsp &nbsp动</p>
                  </div>
                  <div class="list2-5">

                     <div class="list22">
                        <p>选择颜色</p>
                        <img class="content1 " data-id="黑色" src="images/dita/img1111/11.jpg" alt="">
                        <img data-id="淡蓝色" selected src="images/dita/img1111/21.jpg" alt="">
                        <img data-id="淡紫色" src="images/dita/img1111/31.jpg" alt="">
                        <img data-id="粉色" src="images/dita/img1111/41.jpg" alt="">
                        <img data-id="白色" src="images/dita/img1111/51.jpg" alt="">
                     </div>
                     <div class="list33">
                        <p>选择尺码 </p>
                        <ul>
                           <li class="content1" data-id="XS">XS</li>
                           <li data-id="S">S</li>
                           <li data-id="M">M</li>
                           <li data-id="L">L</li>
                           <li data-id="XL">XL</li>
                           <li data-id="X2L">X2L</li>
                        </ul>
                     </div>

                     <div class="list44">
                        <p>购买数量
                        </p>
                        <ul>
                           <li class="left">+</li>
                           <li class="amount">1</li>
                           <li class="right"> - </li>

                        </ul>
                        <span> 件 （库存99+件）</span>
                     </div>
                     <p class="list55">已经选择商品: <span class="span1"></span> <span class="span2"></span></p>

                     <div class="list66" id="#list">
                        <button data-id=${goodsList.id}><img src="images/dita/img1111/icon-s-item2.png" alt="">
                           购物车</button> -->
                        <p><img src="images/dita/img1111/icon-s-item3.png" alt="">喜欢</p>
                     </div>
                  </div>
               </div>
            </div>
            <div class="co-foot">
               <p>第一次在匹克官方网店购买？ 购买须知 支付方式，支付保障，交易安全 合作快递：邮政、申通、韵达（随机派送）需开票请联系在线 <br> 客服 任何问题联系客服：
                  <span>QQ、 在线客服</span>
               </p>
               <div class="co-foot-top">
                  <p>-&nbsp你可能喜欢&nbsp-</p>
                  <div class="box1 ">
                     <dl>
                        <p><img src="images/index/pximg/x1608861716679_3164_x_192_x_192.jpg" alt=""></p>
                        <dt>男子篮球比赛鞋 DA110001</dt>
                        <dd>¥439<span>¥279</span></dd>
                     </dl>
                     <dl>
                        <p><img src="images/index/pximg/x1596184571128_6274_x_192_x_192.jpg" alt=""></p>
                        <dt>男子篮球比赛鞋 DA110001</dt>
                        <dd>¥439<span>¥279</span></dd>
                     </dl>
                     <dl>
                        <p><img src="images/index/pximg/x1614905137881_6726_x_192_x_192.jpg" alt=""></p>
                        <dt>男子篮球比赛鞋 DA110001</dt>
                        <dd>¥439<span>¥279</span></dd>
                     </dl>
                     <dl>
                        <p><img src="images/index/pximg/x1606117419481_6453_x_192_x_192.jpg" alt=""></p>
                        <dt>男子篮球比赛鞋 DA110001</dt>
                        <dd>¥439<span>¥279</span></dd>
                     </dl>
                     <dl>
                        <p><img src="images/index/pximg/x1615281053439_5506_x_192_x_192.jpg" alt=""></p>
                        <dt>男子篮球比赛鞋 DA110001</dt>
                        <dd>¥439<span>¥279</span></dd>
                     </dl>

                  </div>
                  <div class="co-foot-co">
                     <ul>
                        <li>在线&nbsp&nbsp咨询&nbsp&nbspQQ微信</li>
                        <li>详情描述</li>
                        <li>规格参数</li>
                        <li>评价</li>
                        <li>晒单（1）</li>
                        <li>成交记录（78）</li>
                        <button><img src="images/dita/img1111/icon-s-item2.png" alt="">购物车</button>
                     </ul>
                  </div>

                  <div class="co-foot-butt">
                     <img class="lazy" data-original="images/dita/img/x1625448629784_1669.jpg" alt="">
                     <img class="lazy" data-original="images/dita/img/x1625448629784_3507.jpg" alt="">
                     <img class="lazy" data-original="images/dita/img/x1625448629784_3509.jpg" alt="">
                     <img class="lazy" data-original="images/dita/img/x1625448629784_3606.jpg" alt="">
                     <img class="lazy" data-original="images/dita/img/x1625448629784_5697.jpg" alt="">
                     <img class="lazy" data-original="images/dita/img/x1625448629784_6551.jpg" alt="">
                     <img class="lazy" data-original="images/dita/img/x1619761715206_6837.jpg" alt="">
                     <img class="lazy" data-original="images/dita/img/x1619761715206_7030.jpg" alt="">
                     <img class="lazy" data-original="images/dita/img/x1619761715206_7326.jpg" alt="">
                     <img class="lazy" data-original="images/dita/img/x1619761715206_7572.jpg" alt="">
                     <img class="lazy" data-original="images/dita/img/x1625448629785_4728.jpg" alt="">
                     <img class="lazy" data-original="images/dita/img/x1619761715206_8425.jpg" alt="">
                     <img class="lazy" data-original="images/dita/img/x1625448629785_4898.jpg" alt="">
                     <img class="lazy" data-original="images/dita/img/x1625448629785_9183.jpg" alt="">

                  </div>
               </div>
            </div>
          
         </div>
      </div>
   </main>
   <div class="popup">
     
   </div>
   <div class="popup1">
      <h2>已成功加入购物车</h2>
      <div class="top">
         <div class="but1">返回继续购物</div>
         <div class="but2">去购物车结算</div>
      </div>
      <h3>买购物车中商品的人还买了</h3>
      <div class="buttom"></div>
   </div>

   <!-- footer开始 -->
   <div class="footer">
      <div class="footer1">
         <!-- footer第一层 -->
         <div class="footerbx ">
            <div class="footer-wrapper clearfix">
               <div class="footer-icon clearfix">
                  <img src="images/index/pximg/foot-icon1.png" />
                  <span>防伪查询</span>
               </div>
               <div class="footer-icon clearfix">
                  <img src="images/index/pximg/foot-icon2.png" />
                  <span>满99元包邮</span>
               </div>
               <div class="footer-icon clearfix">
                  <img src="images/index/pximg/foot-icon3.png" />
                  <span>7天无理由退货</span>
               </div>
               <div class="footer-icon clearfix">
                  <img src="images/index/pximg/foot-icon4.png" />
                  <span>品牌直营</span>
               </div>
               <div class="footer-icon clearfix">
                  <img src="images/index/pximg/foot-icon5.png" />
                  <span>团购服务</span>
               </div>
            </div>
         </div>
      </div>
      <!-- footer 第二部分 -->
      <div class="footer2">
         <div class="footer2bx ">
            <div class="honor ">
               <div class="cbg-clear1">
                  <div class="cbg-clear">
                     <a class="honor-label">购物相关</a>
                     <a href="#">新手帮助</a>
                     <a href="#">购物指南</a>
                  </div>
                  <div class="cbg-clear">
                     <a class="honor-label">售后服务</a>
                     <a href="#">正品验证</a>
                     <a href="#">退货换货</a>
                     <a href="#">查看物流</a>
                  </div>
                  <div class="cbg-clear">
                     <a class="honor-label ">会员服务</a>
                     <a href="#">关于抵用券</a>
                     <a href="#">积分规则</a>
                  </div>
                  <div class="cbg-clear">
                     <a class="honor-label">友情链接</a>
                     <a href="#" target="_blank">匹克官网</a>
                     <a href="#" target="_blank">匹克补货</a>
                     <a href="#" target="_blank">匹克团购通</a>
                     <a href="#" target="_blank">匹克校服</a>
                     <a href="#" target="_blank">匹克品牌</a>
                  </div>
                  <div class="cbg-clear">
                     <a class="honor-label">服务热线</a>
                     <a>售前：0595-2275 0137</a>
                     <a>售后：400-884-8840</a>
                     <a>工作日 9:00-23:00(节假日不休息)</a>
                  </div>

                  <div class="a-link">
                     <img src="images/index/pximg/foot-qrcode.jpg" />
                     <a>匹克微服务</a>
                  </div>
                  <div class="a-link1">
                     <img src="images/index/pximg/foot-qrcode.jpg" />
                     <a style="text-align: center;">匹克官方商城<br>微信公众号</a>
                  </div>
                  <div class="last">
                     <img src="images/index/pximg/foot-qq.png" />
                     <div class="vip-wrapper">
                        <p class="">VIP粉丝群</p>
                        <span> <a>福利</a>|<a>活动</a>|<a>新品</a></span>

                        <a
                           href="https://shang.qq.com/wpa/qunwpa?idkey=1fc72197f753279c1ae6bfc97d9a2786b8669cb8b4caf561038e19cb3b2237b8">
                           <div>立即加入</div>
                        </a>
                     </div>
                  </div>

               </div>
            </div>

         </div>
         <div class="footer-bottom">
            <a ><img src="images/dita/img/morelogo6.png" alt="" /></a>
            
            <a><img src="images/dita/img/foot-website2.jpg" alt="" /></a>
            <a><img src="images/dita/img/baozhang.bmp" alt="" /></a>
            <a><img src="images/dita/img/xchinapay.png" alt="" /></a>
            <p>Copyright© 2014-匹克网方网店 版权所有 | 闽ICP备11009488号-6 移动统计</p>
         </div>
      </div>
   </div>
   <!-- 侧边栏 -->
   <ul class="box2">
      <li><img src="images/index/pximg/icon-s-item1.png" alt=""></li>
      <li class="user-btn3 "><img src="images/index/pximg/icon-s-item2.png" alt="">购物车</li>
      <li><img src="images/index/pximg/icon-s-item9.png" alt=""></li>
      <li><img src="images/index/pximg/icon-s-item3.png" alt=""></li>
      <li><img src="images/index/pximg/icon-s-item5.png" alt=""></li>
      <li class="list4"><img src="images/index/pximg/icon-s-item8.png" alt=""></li>

   </ul>

</body>


</html>